ComponentOne Basic Library for UWP
Basic Library Overview / Layout Panels for UWP / Layout Panels for UWP Quick Starts / UniformGrid for UWP Quick Start / Step 3 of 3: Running the Application
In This Topic
    Step 3 of 3: Running the Application
    In This Topic

    Now you're ready to run the application. Complete the following steps:

    1. From the Debug menu, select Start Debugging. Your application will look similar to the following:
    1. Click the Stop Debugging button to close the application.
    1. Go back to MainPage.xaml and place your cursor in the <Xaml:C1UniformGrid> tag.
    1. Set the C1UniformGrid.Columns and C1UniformGrid.FirstColumn properties using the following XAML markup:
    Markup
    Copy Code
     <Xaml:C1UniformGrid Width="300" Height="300" Columns="3" FirstColumn="2" >
    

    The C1UniformGrid.Columns will set the number of columns in the grid, the Width property will set the width, in pixels, and the C1UniformGrid.FirstColumn property will determine how many empty cells will appear in the first row.

    1. From the Debug menu, select Start Debugging. Your application will look similar to the following:

    Notice the two empty cells in the first row, as specified with the C1UniformGrid.FirstColumn property.

    Congratulations! You have successfully completed the UniformGrid for UWP quick start.

    See Also